<template>
	<view class="container">
		<!-- <view class="brand-back">
			<view class="brand-title">
				<image src="@/static/center/brand.png"></image>
				<view>{{info.copywriting[0].title}}</view>
			</view>
			<view>{{info.copywriting[0].content}}</view>
		</view>
		<view class="brand-back">
			<view class="brand-title">
				<image src="@/static/center/Ip.png"></image>
				<view>{{info.copywriting[1].title}}</view>
			</view>
			<view>{{info.copywriting[1].content}}</view>
		</view>
		<view class="brand-back">
			<view class="brand-title">
				<image src="@/static/center/channel.png"></image>
				<view>{{info.copywriting[2].title}}</view>
			</view>
			<view>{{info.copywriting[2].content}}</view>
		</view> -->
		<!-- 品牌合作案例 -->
		<!-- <view class="toIndex" style="margin-top:20rpx">
			<view class="ppTitle">品牌合作案例</view>
			<view class="logoList">
				<view class="child" v-for="(item, index) in info.cases" :key="index">
					<view class="image">
						<image :src="item.img" mode="widthFix"></image>
					</view>
					<view class="logoName">{{item.name}}</view>
				</view>
			</view>
		</view> -->
		<!-- 合作微信号 -->
		<view class="wechat-num">
			<view>商务合作微信号</view>
			<view>
				<image :src="info.config_cooperate_qrcode" mode=""></image>
			</view>
			<view>{{info.config_cooperate_number}}</view>
			<!-- <view @click="copyWechat">一键复制微信号</view> -->
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				info: ''
			};
		},
		onLoad() {
			this.getList()
		},
		methods:{
			getList(){
				this.$net.req('/Copywriting/getlists',).then(res=>{
					if(res.code == 200){
						this.info = res.data
					}
				})
			},
			copyWechat(){
				let num = this.info.config_cooperate_number
				uni.setClipboardData({
					data:num
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.container{
		padding: 22rpx 24rpx;
		
		.brand-back{
			background-color: #FFFFFF;
			width: 100%;
			padding: 40rpx 32rpx;
			margin-bottom: 20rpx;
			
			view:nth-child(2){
				font-size: 28rpx;
				color: #666666;
				line-height: 48rpx;
				font-family: HarmonyOS_Sans_SC;
			}
			
			.brand-title{
				display: flex;
				align-items: center;
				font-size: 32rpx;
				color: #333333;
				margin-bottom: 24rpx;
				
				image{
					width: 48rpx;
					height: 48rpx;
					margin-right: 16rpx;
				}
			}
		}
		
		.toIndex {
			padding: 32rpx 20rpx;
			min-height: 200rpx;
			background: #FFFFFF;
			border-radius: 8rpx;
			
			.ppTitle {
				padding-top: 16rpx;
				font-size: 36rpx;
				font-family: SourceHanSansCN-Medium, SourceHanSansCN;
				font-weight: 500;
				color: #333333;
				text-align: center;
			}
			
			.logoList {
				margin-top: 50rpx;
				display: flex;
				flex-wrap: wrap;
			
				.child {
					height: 160rpx;
					width: 112rpx;
					margin-left:40rpx;
					margin-bottom: 40rpx;
					.image{
						height: 112rpx;
						display: flex;
						align-items: center;
						justify-content: center;
						margin-bottom: 20rpx;
						image{
							width:112rpx;
							border-radius: 112rpx;
							height: 112rpx;
						}
					}
					.logoName{
						text-align: center;
						font-size: 28rpx;
						font-family: SourceHanSansCN-Regular, SourceHanSansCN;
						font-weight: 400;
						color: #333333;
					}
				}
			}
		}
		
		.wechat-num{
			height: 658rpx;
			background: #FFFFFF;
			border-radius: 8rpx;
			padding: 48rpx 0;
			margin-top: 20rpx;
			text-align: center;
			
			view:nth-child(1){
				font-size: 40rpx;
				color: #333333;
			}
			view:nth-child(2){
				margin-top: 20rpx;
				margin-bottom: 32rpx;
				image{
					width: 256rpx;
					height: 256rpx;
				}
			}
			view:nth-child(3){
				font-size: 32rpx;
				color: #F8852A;
				margin-bottom: 48rpx;
			}
			view:nth-child(4){
				width: 448rpx;
				height: 96rpx;
				background: #DFC791;
				border-radius: 52rpx;
				text-align: center;
				line-height: 96rpx;
				color: #2F2E3B;
				font-size: 32rpx;
				margin: auto;
			}
		}
	}
</style>
